(() => {
var exports = {};
exports.id = 71452;
exports.ids = [71452,64820];
exports.modules = {

/***/ 30583:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ pageWrapperTemplate),
/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps),
/* harmony export */   "getStaticPaths": () => (/* binding */ getStaticPaths),
/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
/* harmony export */ });
/* harmony import */ var _sentry_server_config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96270);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59456);
/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_xstate_react__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34741);
/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(clipboard_copy__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(23848);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_27__);
/* harmony import */ var _chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(65686);
/* harmony import */ var _chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(92684);
/* harmony import */ var _components_AudioPlayer_Buttons_DownloadAudioButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(64881);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(25869);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(50497);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(7190);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(79717);
/* harmony import */ var _icons_copy_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(30135);
/* harmony import */ var _icons_download_svg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(82184);
/* harmony import */ var _icons_pause_svg__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(51512);
/* harmony import */ var _icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(27333);
/* harmony import */ var _icons_reader_svg__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(45446);
/* harmony import */ var _utils_cdn__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(17339);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(57933);
/* harmony import */ var _utils_url__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(69663);
/* harmony import */ var _utils_validator__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(41051);
/* harmony import */ var _xstate_actors_audioPlayer_selectors__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(16119);
/* harmony import */ var _xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(64564);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_AudioPlayer_Buttons_DownloadAudioButton__WEBPACK_IMPORTED_MODULE_10__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_14__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__, _utils_navigation__WEBPACK_IMPORTED_MODULE_22__, _xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_25__]);
([_components_AudioPlayer_Buttons_DownloadAudioButton__WEBPACK_IMPORTED_MODULE_10__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_14__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__, _utils_navigation__WEBPACK_IMPORTED_MODULE_22__, _xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_25__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);































const RecitationPage = ({ selectedReciter , selectedChapter  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_8___default()();
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_14__/* .useToast */ .pm)();
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_7__.useRouter)();
    const { 0: isDownloadingAudio , 1: setIsDownloadingAudio  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
    const audioService = (0,react__WEBPACK_IMPORTED_MODULE_3__.useContext)(_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_25__/* .AudioPlayerMachineContext */ .c);
    const isAudioPlaying = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_4__.useSelector)(audioService, (state)=>state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING"));
    const currentSurah = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_4__.useSelector)(audioService, (state)=>state.context.surah);
    const currentReciterId = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_4__.useSelector)(audioService, _xstate_actors_audioPlayer_selectors__WEBPACK_IMPORTED_MODULE_24__/* .selectCurrentAudioReciterId */ .BP);
    const isCurrentlyPlayingThisChapter = isAudioPlaying && currentSurah === Number(selectedChapter.id) && currentReciterId === selectedReciter.id;
    const onPlayAudioClicked = ()=>{
        audioService.send({
            type: "PLAY_SURAH",
            surah: Number(selectedChapter.id),
            reciterId: selectedReciter.id
        });
    };
    const onCopyLinkClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("share-recitation-copy-link");
        const path = (0,_utils_url__WEBPACK_IMPORTED_MODULE_26__/* .getCurrentPath */ .Jz)();
        if (origin) {
            clipboard_copy__WEBPACK_IMPORTED_MODULE_6___default()(path).then(()=>{
                toast(t("common:shared"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_14__/* .ToastStatus.Success */ .YZ.Success
                });
            });
        }
    };
    const onReadClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("share-recitation-read");
        router.push((0,_utils_navigation__WEBPACK_IMPORTED_MODULE_22__/* .getSurahNavigationUrl */ .qm)(selectedChapter.id));
    };
    const onDownloadClicked = async ()=>{
        setIsDownloadingAudio(true);
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("share-recitation-download");
        const audioData = await (0,_api__WEBPACK_IMPORTED_MODULE_9__/* .getChapterAudioData */ .lt)(Number(selectedReciter.id), Number(selectedChapter.id));
        (0,_components_AudioPlayer_Buttons_DownloadAudioButton__WEBPACK_IMPORTED_MODULE_10__/* .download */ .L)(audioData.audioUrl, ()=>{
            setIsDownloadingAudio(false);
        });
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
                title: `${selectedReciter.translatedName.name} - ${selectedChapter.transliteratedName}`,
                description: t("reciter:reciter-chapter-desc", {
                    surahName: selectedChapter.transliteratedName,
                    reciterName: selectedReciter.translatedName.name
                }),
                canonical: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_22__/* .getCanonicalUrl */ .Z2)(lang, (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_22__/* .getReciterChapterNavigationUrl */ .Y9)(selectedReciter.id.toString(), selectedChapter.slug))
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                className: classnames__WEBPACK_IMPORTED_MODULE_5___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_27___default().flow)),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_27___default().flowItem), (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().container)),
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
                            className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().reciterImage),
                            alt: selectedReciter.translatedName.name,
                            src: (0,_utils_cdn__WEBPACK_IMPORTED_MODULE_29__/* .makeCDNUrl */ .Kr)(selectedReciter.profilePicture)
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                            children: [
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                                    className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().chapterName),
                                    children: [
                                        selectedChapter.id,
                                        ". ",
                                        selectedChapter.transliteratedName
                                    ]
                                }),
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                                    className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().reciterName),
                                    children: selectedReciter.translatedName.name
                                })
                            ]
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                            className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().actionsContainer),
                            children: [
                                isCurrentlyPlayingThisChapter ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .ZP, {
                                    onClick: ()=>audioService.send("TOGGLE"),
                                    prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_pause_svg__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {}),
                                    className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().playButton),
                                    children: t("common:audio.player.pause-audio")
                                }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .ZP, {
                                    className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().playButton),
                                    onClick: onPlayAudioClicked,
                                    prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z, {}),
                                    shouldFlipOnRTL: false,
                                    children: t("common:audio.player.play-audio")
                                }),
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                                    className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().secondaryActionsContainer),
                                    children: [
                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .ZP, {
                                            className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().secondaryAction),
                                            onClick: onReadClicked,
                                            prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_reader_svg__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z, {}),
                                            type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* .ButtonType.Secondary */ .L$.Secondary,
                                            children: t("reciter:read")
                                        }),
                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .ZP, {
                                            className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().secondaryAction),
                                            onClick: onCopyLinkClicked,
                                            prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_copy_svg__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {}),
                                            type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* .ButtonType.Secondary */ .L$.Secondary,
                                            children: t("reciter:copy-link")
                                        }),
                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .ZP, {
                                            className: (_chapterId_module_scss__WEBPACK_IMPORTED_MODULE_28___default().secondaryAction),
                                            onClick: onDownloadClicked,
                                            prefix: isDownloadingAudio ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {}) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_download_svg__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {}),
                                            type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_12__/* .ButtonType.Secondary */ .L$.Secondary,
                                            children: t("common:audio.player.download")
                                        })
                                    ]
                                })
                            ]
                        })
                    ]
                })
            })
        ]
    });
};
const getStaticProps$1 = async ({ params , locale  })=>{
    try {
        const reciterId = params.reciterId;
        let chapterId = params.chapterId;
        const isValidId = (0,_utils_validator__WEBPACK_IMPORTED_MODULE_23__/* .isValidChapterId */ .hP)(chapterId);
        // if it's not a valid number or a number that exceed 114 or below 1
        if (!isValidId) {
            const sluggedChapterId = await (0,_api__WEBPACK_IMPORTED_MODULE_9__/* .getChapterIdBySlug */ .U0)(chapterId, locale);
            // if it's not a valid number nor a valid slug
            if (!sluggedChapterId) {
                return {
                    notFound: true
                };
            }
            chapterId = sluggedChapterId;
        }
        const reciterData = await (0,_api__WEBPACK_IMPORTED_MODULE_9__/* .getReciterData */ .zm)(reciterId, locale);
        const chaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_20__/* .getAllChaptersData */ .T4)(locale);
        const chapterData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_20__/* .getChapterData */ .dy)(chaptersData, chapterId);
        if (!reciterData || !chapterData) {
            return {
                notFound: true
            };
        }
        return {
            props: {
                chaptersData,
                selectedReciter: reciterData.reciter,
                selectedChapter: {
                    ...chapterData,
                    id: chapterId
                }
            }
        };
    // eslint-disable-next-line max-lines
    } catch (error) {
        return {
            notFound: true
        };
    }
};
const getStaticPaths = async ()=>({
        paths: [],
        fallback: "blocking"
    });

var serverComponentModule = /*#__PURE__*/Object.freeze({
    __proto__: null,
    'default': RecitationPage,
    getStaticProps: getStaticProps$1,
    getStaticPaths: getStaticPaths
});

/*
 * This file is a template for the code which will be substituted when our webpack loader handles non-API files in the
 * `pages/` directory.
 *
 * We use `__SENTRY_WRAPPING_TARGET_FILE__.cjs` as a placeholder for the path to the file being wrapped. Because it's not a real package,
 * this causes both TS and ESLint to complain, hence the pragma comments below.
 */

const userPageModule = serverComponentModule ;

const pageComponent = userPageModule ? userPageModule.default : undefined;

const origGetInitialProps = pageComponent ? pageComponent.getInitialProps : undefined;
const origGetStaticProps = userPageModule ? userPageModule.getStaticProps : undefined;
const origGetServerSideProps = userPageModule ? userPageModule.getServerSideProps : undefined;

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const getInitialPropsWrappers = {
  '/_app': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapAppGetInitialPropsWithSentry,
  '/_document': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapDocumentGetInitialPropsWithSentry,
  '/_error': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapErrorGetInitialPropsWithSentry,
};

const getInitialPropsWrapper = getInitialPropsWrappers['/reciters/[reciterId]/[chapterId]'] || _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetInitialPropsWithSentry;

if (pageComponent && typeof origGetInitialProps === 'function') {
  pageComponent.getInitialProps = getInitialPropsWrapper(origGetInitialProps) ;
}

const getStaticProps =
  typeof origGetStaticProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetStaticPropsWithSentry(origGetStaticProps, '/reciters/[reciterId]/[chapterId]')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/reciters/[reciterId]/[chapterId]')
    : undefined;

const pageWrapperTemplate = pageComponent ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapPageComponentWithSentry(pageComponent ) : pageComponent;



__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 30135:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _rect, _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgCopy = function SvgCopy(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: 2,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    className: "feather feather-copy"
  }, props), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
    x: 9,
    y: 9,
    width: 13,
    height: 13,
    rx: 2,
    ry: 2
  })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCopy);

/***/ }),

/***/ 45446:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgReader = function SvgReader(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "currentColor",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M3 .623v22.004c0 .165.067.324.186.44a.64.64 0 0 0 .448.183h17.332a.64.64 0 0 0 .448-.182.617.617 0 0 0 .186-.44V.622a.617.617 0 0 0-.186-.44.64.64 0 0 0-.448-.183H3.634a.64.64 0 0 0-.448.182.617.617 0 0 0-.186.44Zm10.146 13.493H7.227v-1.66h5.918v1.66Zm4.227-4.152H7.227v-1.66h10.146v1.66Zm0-4.152H7.227v-1.66h10.146v1.66Z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgReader);

/***/ }),

/***/ 65686:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "chapterId_container__1pGhS",
	"reciterImage": "chapterId_reciterImage__77FGp",
	"actionsContainer": "chapterId_actionsContainer___WGL9",
	"playButton": "chapterId_playButton__sE4yK",
	"secondaryActionsContainer": "chapterId_secondaryActionsContainer__HI3Bm",
	"secondaryAction": "chapterId_secondaryAction__lXerZ",
	"chapterName": "chapterId_chapterName__rAVTI",
	"reciterName": "chapterId_reciterName__tE57U"
};


/***/ }),

/***/ 16119:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "BP": () => (/* binding */ selectCurrentAudioReciterId),
/* harmony export */   "XL": () => (/* binding */ selectIsLoadingCurrentChapter),
/* harmony export */   "eU": () => (/* binding */ selectIsVerseLoading),
/* harmony export */   "iX": () => (/* binding */ selectIsUsingDefaultReciter),
/* harmony export */   "sI": () => (/* binding */ selectIsPlayingCurrentChapter),
/* harmony export */   "xU": () => (/* binding */ selectIsLoading)
/* harmony export */ });
/* unused harmony exports selectIsAudioPlaying, selectIsVerseBeingPlayed */
/* harmony import */ var _redux_defaultSettings_defaultSettings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11854);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44519);
/* eslint-disable import/prefer-default-export */ 

const selectIsUsingDefaultReciter = (state)=>state.context.reciterId === _redux_defaultSettings_defaultSettings__WEBPACK_IMPORTED_MODULE_0__/* .DEFAULT_RECITER.id */ .YS.id;
const selectCurrentAudioReciterId = (state)=>state.context.audioData?.reciterId;
const selectIsLoading = (state)=>state.hasTag("loading");
const selectIsAudioPlaying = (state)=>state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING");
const selectIsPlayingCurrentChapter = (state, chapterId)=>{
    const isAudioPlaying = selectIsAudioPlaying(state);
    const currentSurah = state.context.surah;
    return isAudioPlaying && currentSurah === chapterId;
};
const selectIsLoadingCurrentChapter = (state, chapterId)=>{
    const isLoading = selectIsLoading(state);
    const currentSurah = state.context.surah;
    return isLoading && currentSurah === chapterId;
};
const selectIsVerseBeingPlayed = (state, verseKey)=>{
    const { surah , ayahNumber  } = state.context;
    return state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING") && makeVerseKey(surah, ayahNumber) === verseKey;
};
const selectIsVerseLoading = (state, verseKey)=>{
    const { surah , ayahNumber  } = state.context;
    return selectIsLoading(state) && (0,_utils_verse__WEBPACK_IMPORTED_MODULE_1__/* .makeVerseKey */ .u)(surah, ayahNumber) === verseKey;
};


/***/ }),

/***/ 75184:
/***/ ((module) => {

"use strict";
module.exports = require("@reduxjs/toolkit");

/***/ }),

/***/ 58097:
/***/ ((module) => {

"use strict";
module.exports = require("@sentry/nextjs");

/***/ }),

/***/ 59456:
/***/ ((module) => {

"use strict";
module.exports = require("@xstate/react");

/***/ }),

/***/ 59003:
/***/ ((module) => {

"use strict";
module.exports = require("classnames");

/***/ }),

/***/ 34741:
/***/ ((module) => {

"use strict";
module.exports = require("clipboard-copy");

/***/ }),

/***/ 59606:
/***/ ((module) => {

"use strict";
module.exports = require("humps");

/***/ }),

/***/ 12372:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/findKey");

/***/ }),

/***/ 98492:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/groupBy");

/***/ }),

/***/ 35526:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/random");

/***/ }),

/***/ 64042:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/range");

/***/ }),

/***/ 47657:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/sample");

/***/ }),

/***/ 16641:
/***/ ((module) => {

"use strict";
module.exports = require("next-seo");

/***/ }),

/***/ 60866:
/***/ ((module) => {

"use strict";
module.exports = require("next-translate/useTranslation");

/***/ }),

/***/ 3280:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/app-router-context.js");

/***/ }),

/***/ 92796:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/head-manager-context.js");

/***/ }),

/***/ 3539:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");

/***/ }),

/***/ 34014:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");

/***/ }),

/***/ 78524:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/is-plain-object.js");

/***/ }),

/***/ 78020:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/mitt.js");

/***/ }),

/***/ 64406:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");

/***/ }),

/***/ 24964:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router-context.js");

/***/ }),

/***/ 93431:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-locale.js");

/***/ }),

/***/ 11751:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");

/***/ }),

/***/ 46220:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");

/***/ }),

/***/ 10299:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");

/***/ }),

/***/ 23938:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");

/***/ }),

/***/ 29565:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");

/***/ }),

/***/ 35789:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");

/***/ }),

/***/ 1897:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");

/***/ }),

/***/ 1428:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");

/***/ }),

/***/ 28854:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");

/***/ }),

/***/ 91292:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");

/***/ }),

/***/ 34567:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");

/***/ }),

/***/ 80979:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");

/***/ }),

/***/ 93297:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");

/***/ }),

/***/ 36052:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");

/***/ }),

/***/ 84226:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");

/***/ }),

/***/ 95052:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");

/***/ }),

/***/ 59232:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/utils.js");

/***/ }),

/***/ 71853:
/***/ ((module) => {

"use strict";
module.exports = require("next/router");

/***/ }),

/***/ 16689:
/***/ ((module) => {

"use strict";
module.exports = require("react");

/***/ }),

/***/ 6022:
/***/ ((module) => {

"use strict";
module.exports = require("react-redux");

/***/ }),

/***/ 20997:
/***/ ((module) => {

"use strict";
module.exports = require("react/jsx-runtime");

/***/ }),

/***/ 14161:
/***/ ((module) => {

"use strict";
module.exports = require("redux-persist");

/***/ }),

/***/ 82522:
/***/ ((module) => {

"use strict";
module.exports = require("xstate");

/***/ }),

/***/ 44549:
/***/ ((module) => {

"use strict";
module.exports = require("xstate/lib/actions");

/***/ }),

/***/ 31481:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-dropdown-menu");;

/***/ }),

/***/ 66704:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-tooltip");;

/***/ }),

/***/ 88813:
/***/ ((module) => {

"use strict";
module.exports = import("firebase/compat/analytics");;

/***/ }),

/***/ 33773:
/***/ ((module) => {

"use strict";
module.exports = import("firebase/compat/app");;

/***/ }),

/***/ 3590:
/***/ ((module) => {

"use strict";
module.exports = import("react-toastify");;

/***/ }),

/***/ 63477:
/***/ ((module) => {

"use strict";
module.exports = require("querystring");

/***/ })

};
;

// load runtime
var __webpack_require__ = require("../../../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [11497,79165,96270,24709,57933,61239,25869,50497,76410,79717,85949,41051,99163,64564,9581,4075], () => (__webpack_exec__(30583)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=[chapterId].js.map